<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
	<title>{$webconfig['webname']}</title>
</head>
<include file="style"/>
<style type="text/css">

.swiper-container {
  	width: 100%;
  	height: 38rem;
}
.swiper-slide {
	background-position: center;
	background-size: cover;
}

.swiper-pagination-bullet {
	width: 24px;
	height: 24px;
}


.aboutus-div {
	margin-top: 1rem;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

.product-div {
	width: 98%;
	font-size: 4rem;
	margin-left: auto;
	margin-right: auto;
	padding: 3rem 0;
}

.product-div>li {
	padding-bottom: 3rem;
}

.news-list {
	padding: 2rem 0;
	margin-top: -3rem;
}

.news-list>ul>li {
	border-bottom: 1px solid #C8C8C8;
	margin-top: 3rem;
}

.news-list>ul>li>a {
	color: #000000;
	font-size: 3.5rem;
}

.date-div {
	font-size: 3rem;
}



</style>
<body>

<include file="header"/>

<div id="content">
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<?php
				foreach($banner as $k => $v) {
			?>
			<div class="swiper-slide" style="background-image:url({$v['images']})"></div>
			<?php	
				}
			?>
		</div>
		<!-- Add Pagination -->
		<div class="swiper-pagination"></div>
	</div>

	<div class="ceil-div">
		<ul class="am-avg-sm-2 am-avg-md-2 am-avg-lg-2 nav-list">
		  <li>
		  	<div class="nav-btn">
		  		<a href="{:U('Index/about')}">关于我们</a>
		  	</div>
		  </li>
		  <li>
		  	<div class="nav-btn">
		  		<a href="{:U('Index/product')}">产品展示</a>
		  	</div>
		  </li>
		  <li>
		  	<div class="nav-btn">
		  		<a href="{:U('Index/news')}">新闻资讯</a>
		  	</div>
		  </li>
		  <li>
		  	<div class="nav-btn">
		  		<a href="{:U('Index/telus')}">联系我们</a>
		  	</div>
		  </li>
		</ul>
	</div>

	<div class="ceil-div">
		<div class="ceil-title">
			关于我们
		</div>
		<div style="width: 96%; margin-left: auto; margin-right: auto;">
			<div style="float: left; width: 46%; margin-top: 3rem;">
				<img src="{$about['img']}" style="width: 96%; margin-left: auto; margin-right: auto;">
			</div>
			<div style="font-size: 3.5rem; margin: 0;">{$about['content']}</div>
		</div>
	</div>


	<div class="ceil-div" style="padding-bottom: 0rem">
		<div class="ceil-title">
			产品展示
		</div>
		<ul class="am-avg-sm-2 am-avg-md-2 am-avg-lg-2 product-div">
			<?php
				for($i = 0; $i < 4; $i++) {
					$product = $products[$i];
			?>

			<li>
			  	<div style="width: 100%;">
			  		<a href="{:U('Index/productPage?id='.$product['id'])}">
			  		<div style="width: 90%; margin-left: auto; margin-right: auto;">
			  			<img src="{$product['images']}" style="width: 100%;">
			  			<div style="text-align: center; color: #000000">{$product['title']}</div>
			  		</div>
			  		</a>
			  	</div>
			  </li>

			<?php
				}
			?>

		</ul>
	</div>


	<div class="ceil-div" style="padding-bottom: 0rem">
		<div class="ceil-title">
			我们的优势
		</div>

		<?php
	  		for ($i = 0; $i < 3; $i++) {
  			$advantage = $advantages[$i];
  			$advantage['desc'] = html_entity_decode($advantage['desc']);
  		?>

  		<div style="padding-bottom: 3rem;">
			<div style="width: 96%; margin-left: auto; margin-right: auto;">
				<div style="float: left; width: 46%; margin-top: 3rem;">
					<img src="{$advantage['img']}" style="width: 96%; margin-left: auto; margin-right: auto;">
				</div>
				<div style="font-size: 4.5rem; font-weight: 25; margin: 0;">{$advantage['title']}</div>
				<div style="font-size: 3.5rem; margin: 0;">{$advantage['desc']}</div>
			</div>
		</div>

  		<?php
		  	}
  		?>	
	</div>


	<div class="ceil-div" style="padding-bottom: 0rem">
		<div class="am-g">
			<div class="am-u-md-9">
				<div class="ceil-title">
					新闻动态
				</div>
			</div>
			<div class="am-u-md-3">
				<nav class="am-titlebar-nav">
			        <a href="{:U('Index/news')}" style="font-size: 4rem; color: #4992FF">more &raquo;</a>
			    </nav>
			</div>
		</div>


		<div class="news-list">
			<ul>
				<?php
		  			foreach($news as $key=>$val){
		  		?>

		  		<li>
				  <a href="{:U('Index/newsPage?id='.$val['id'])}">
				  	<div>
					  	{$val['title']}
					  <div class="am-g">
					  	<div class="am-u-md-10 date-div" style="padding: 0">{$val['date']}</div>
					  	<div class="am-u-md-2" style="font-size: 5rem; margin-top: -3rem; color: #C8C8C8; text-align: right;">&raquo;</div>
					  </div>
					</div>
				  </a>
				</li>

		  		<?php
		  			}
		  		?>
			</ul>
		</div>
	</div>


</div>

<include file="footer"/>


</body>

<script type="text/javascript">

var swiper = new Swiper('.swiper-container', {
	pagination: {
		el: '.swiper-pagination',
	},
	autoplay: {
		delay: 4000,
	}
});







</script>
</html>